<md-card class="image-count" layout="row" layout-padding>
  <md-card-title-text flex>
    <span class="count-item-text">Total: {{total}}</span>
  </md-card-title-text>
  <md-card-title-text flex>
    <span class="count-item-text">Assigned: {{assigned}}</span>
  </md-card-title-text>
  <md-card-title-text flex>
    <span class="count-item-text">Remaining: {{remain}}</span>
  </md-card-title-text>
</md-card>
<div class="main-content" flex>
<md-list ng-clock class="user-list">
<md-subheader>User List</md-subheader>
<md-list-item>
<md-button class="md-secondary md-primary" ng-click="showNewDialog($event)">
<md-icon md-svg-src="/static/icon/person_add.svg" aria-label="Close dialog"></md-icon>
New User</md-button>
</md-list-item>
<md-divider></md-divider>
<md-list-item class="user-item" ng-repeat="user in users" layout="row" layout-padding>
  <p class="username" isad="{{user.isAdministrator}}" isre="{{user.isReviewer}}">{{user.username}}</p>
  <md-button ng-click="showManageDialog(user.username, $event)">Manage</md-button>
  <md-button ng-click="deleteUser(user.username)" ng-disabled="user.isAdministrator" class="md-icon-button md-warn" ng-click="deleteUser(user.username)">
  <md-icon md-svg-src="/static/icon/delete.svg" aria-label="Close dialog"></md-icon>
  </md-button>
</md-list-item>
<md-divider></md-divider>
</md-list>
</div>